<%@ page import="java.util.Date" %>
<%--
  Created by IntelliJ IDEA.
  User: 枫
  Date: 2014/8/6
  Time: 21:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="e" uri="/WEB-INF/easyui.tld" %>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Complex Layout - jQuery EasyUI Demo</title>
    <script type="text/javascript" src="static/jquery.min.js"></script>
    <e:resources location="static/easyui1.3.3"/>

    <script>
        function btnClick() {
            alert(1);
        }
    </script>
</head>
<e:body>
    <e:layout id="main" fit="true">
        <e:layoutUnit region="north" style="height:100px">
            <e:panel id="panel" title="Panel" maximizable="true">
                <e:button id="add-btn" text="Add" iconCls="icon-add"/>
                <e:eventListener for="add-btn" event="click" listener="btnClick" />
                <e:button id="link-btn" text="Link" iconCls="icon-save" href="http://baidu.com"/>
                <e:button id="dis-btn" text="Disabeld" disabled="true"/>
                <e:button id="plain-btn" text="Plain" iconCls="icon-save" plain="true"/>
                <e:button id="large-btn" text="Large Chart" iconCls="icon-large-chart" iconAlign="top" size="large"/>
                <e:menuButton id="menuBtn" text="menuBtn" iconCls="icon-help">
                    <e:menuitem value="Sub1"/>
                    <e:submenu label="Sub2">
                        <e:menuitem value="Sub2.1"/>
                    </e:submenu>
                </e:menuButton>
                <e:splitButton id="splitButton" text="splitButton" iconCls="icon-help">
                    <e:menuitem value="Sub1"/>
                    <e:submenu label="Sub2">
                        <e:menuitem value="Sub2.1"/>
                    </e:submenu>
                </e:splitButton>
            </e:panel>
            <e:eventListener for="panel" event="onMaximize" listener="btnClick" />
        </e:layoutUnit>
        <e:layoutUnit region="west" style="width:300px" title="测试" split="true">
            <e:accordion id="acc-1" fit="true">
                <e:tab title="Accordion1">
                    <e:menu id="menu" show="true">
                        <e:submenu label="Menu1">
                            <e:menuitem value="Menu1.1" href="http://www.baidu.com"/>
                        </e:submenu>
                        <e:menuitem value="Menu2"/>
                    </e:menu>
                </e:tab>
                <e:tab title="Accordion2" href="dynamic.jsp">

                </e:tab>
            </e:accordion>
        </e:layoutUnit>
        <e:layoutUnit region="center" title="测试2">
            <e:tabs id="tabs1" fit="true">
                <e:tab title="测试tab" style="padding:20px;">
                    <e:datagrid id="grid" url="datagrid_data.json" fit="true" title="Fluid DataGrid" fitColumns="false">
                        <e:columns frozen="true">
                            <e:column field="itemid" width="100">Item ID</e:column>
                            <e:column field="productid" width="200">Product</e:column>
                            <e:column field="listprice" width="200">List Price</e:column>
                        </e:columns>
                        <e:columns>
                            <e:column field="unitcost" width="100">Item ID</e:column>
                            <e:column field="attr1" width="200">Product</e:column>
                            <e:column field="status" width="200">List Price</e:column>
                        </e:columns>
                    </e:datagrid>
                </e:tab>
            </e:tabs>
        </e:layoutUnit>
    </e:layout>
</e:body>
</html>
